import React, { Component } from 'react';
import '../App.less';
import {observer} from "mobx-react";
@observer class CreateComponent extends Component {
    constructor(props) {
        super(props)
    }
    render() {
        return (
            <div className="CreateComponent">
                {
                    this.props.Array.map((item,index)=>{
                        return(
                            <div className='CreateComponentOne' key={index}>
                                <div className='Img'>
                                    <img src={item.creativity.indexImage} alt=""/>
                                </div>
                                <p className='title'>{item.creativity.titleName}</p>
                                <p className='caozuo'>
                                    <img src={require('../img/zan.png')} alt=""/>{item.creativity.browseCount} <i>|</i>
                                    <img src={require('../img/zan.png')} alt=""/>{item.creativity.browseCount}
                                </p>
                            </div>
                        )
                    })
                }
            </div>
        );
    }
}

export default CreateComponent;
